<div id="scienceBox" class="content">
  <style>
    .align {
      text-align: center
    }

    * {
      margin: 0;
      padding: 0;
    }

    .relative {
      position: relative;
    }

    .imageUs {
      max-width: 100%;
      max-height: 100%;
      vertical-align: middle;
    }

    .banner .img {
      top: -28px;
    }
  </style>

  <div class="banner relative align" style="margin-top: 6vw;">
    <img src="/images/product/健康科普.jpg" style="width: 100%;" class="img-responsive center-block" alt />
    <img class="imageUs relative img" src="/images/product/04.png" alt>
  </div>
  <div class="align">
    <H1>健康科普</H1>
    <div class="row">
      <div class="form-inline">
        <input type="text" class="form-control" style="width: 450px;" placeholder="关键字" />
        <button class="btn btn-primary" style="background-color: cadetblue; width: 100px;height: 30px;"><span
            class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
      </div>
    </div>
  </div>
  <div class="row" style="height: 50px;"></div>
  <div>
    <div class="row" style="height: 500px;">
      <div class="form-inline">
        <div class="col-md-6">
          <table class="table">
            <thead>
              <tr>
                <th></th>
                <th row="2">杜仲天地</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th scope="row">1</th>
                <td><a id="wenzhang">《杜仲辛甘温无毒》</a></td>

              </tr>
              <tr>
                <th scope="row">2</th>
                <td>《不能不看的杜仲雄花茶饮用知识》</td>
              </tr>
            </tbody>
          </table>
          <table class="table">
            <thead>
              <tr>
                <th></th>
                <th row="2">保健知识</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th scope="row">1</th>
                <td>《不能不看的杜仲胸花饮用知识》</td>

              </tr>
            </tbody>
          </table>
          <table class="table">
            <thead>
              <tr>
                <th></th>
                <th row="2">合理膳食</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <th scope="row">1</th>
                <td>《杜仲辛甘温无毒》</td>

              </tr>
              <tr>
                <th scope="row">2</th>
                <td>《不能不看的杜仲雄花茶饮用知识》</td>
              </tr>
            </tbody>
          </table>
        </div>
        <div class="col-md-6">
          <img src="/images/product/001.jpg" width="80%" height="80%" />
        </div>

      </div>

    </div>

    <div class="col-md-12">
      <img src="/images/home/botbg.gif" width="100%">
    </div>
    <div class="footer bgfooter">
      <div class="container">
        <div class="row footer-top">
          <div class="col-sm-6  col-lg-7">
            <div class="row about">
              <div class="col-xs-3">
                <h4>关于博仲</h4>
                <ul class="list-unstyled">
                  <li>
                    <a href="" class="a1">品牌故事</a>
                  </li>
                  <li>
                    <a href="" class="a1">企业文化</a>
                  </li>
                  <li>
                    <a href="" class="a1">新闻资讯</a>
                  </li>
                  <li>
                    <a href="" class="a1">企业社会责任</a>
                  </li>
                  <li>
                    <a href="" class="a1">人力资源</a>
                  </li>
                </ul>
              </div>
              <div class="col-xs-2">
                <h4>品牌产品</h4>
                <ul class="list-unstyled">
                  <li>
                    <a href="" class="a1">品牌</a>
                  </li>
                  <li>
                    <a href="" class="a1">使用人群</a>
                  </li>
                  <li>
                    <a href="" class="a1">需求</a>
                  </li>
                </ul>
              </div>
              <div class="col-xs-2">
                <h4>研发实力</h4>
                <ul class="list-unstyled">
                  <li>
                    <a href="" class="a1">产业链</a>
                  </li>
                  <li>
                    <a href="" class="a1">研发平台</a>
                  </li>
                  <li>
                    <a href="" class="a1">研发成果</a>
                  </li>
                </ul>
              </div>
              <div class="col-xs-2">
                <h4>健康科普</h4>
                <ul class="list-unstyled">
                  <li>
                    <a href="" class="a1">杜仲天地</a>
                  </li>
                  <li>
                    <a href="" class="a1">保健知识</a>
                  </li>
                  <li>
                    <a href="" class="a1">合理膳食</a>
                  </li>
                </ul>
              </div>
              <div class="col-xs-2">
                <h4>会员club</h4>
                <ul class="list-unstyled">
                  <li>
                    <a href="" class="a1">会员等级</a>
                  </li>
                  <li>
                    <a href="" class="a1">健康营养定制服务</a>
                  </li>
                </ul>
              </div>
            </div>

          </div>
          <div class="col-sm-6 col-lg-5">
            <div class="col-xs-7">

              <table style="color: #fff;font-size: 12px;">
                <tr>
                  <th style="width: 35px;"><img src="/images/电话.png" width="25px" height="25px" /></th>
                  <th colspan="2">
                    <h4 style="font-size: 18px;font-weight:bold">400-6198-111</h4>
                  </th>
                </tr>
                <tr>
                  <th></th>
                  <th rowspan="2">健康咨询:</th>
                  <th style="text-align:left;">18553358848</th>
                </tr>
                <tr>
                  <th></th>
                  <th style="text-align:left;">18553358849</th>
                </tr>
                <tr>
                  <th rowspan="2"><img src="/images/地址.png" width="15px" height="19px"></th>
                  <th colspan="2">山东省淄博市周村区周隆路2988号</th>
                </tr>
                <tr>
                  <th colspan="2">山东智慧厨电创新产业园15号楼</th>
                </tr>
                <tr style="height: 35px;">
                  <th></th>
                  <th><img src="/images/微信图标.png" width="25px" height="25px"></th>
                  <th><img src="/images/QQ图标.png" width="25px" height="25px"></th>
                </tr>
              </table>
            </div>
            <div class="col-xs-5">
              <img src="/images/二维码1.png">
            </div>
          </div>

        </div>
        <hr>
        <div class="row footer-bottom">
          <ul class="list-inline text-center">
            <li> &copy;2018 All Rights Rserved 博仲医药科技(山东)有限公司 互联网药品信息服务资格证书; 非经营性 2017.0026</li></br>
            <li>版权声明 隐私保护 ICP备05002333号 公网安备530114020000286号</li>
          </ul>
        </div>
      </div>
    </div>
    <script>
      $("#wenzhang").click(function (event) {
        var $wz = $("#wz")
        var $science = $("#science")//科学
        console.log("1111");
        ibase.fadeIn($wz)
        ibase.fadeOut($science)
        event.preventDefault();
      });
    </script>
  </div>